<link rel="stylesheet" href="../css/moudle/header.css">
<div class="top-notice">
    <div class="laba"></div>
    <div class="notice-txt">
        <ul>
            <li style="list-style: none">pubg周边商城上线啦~，点击
                <a href="#">查看详情></a>
            </li>
        </ul>
    </div>
</div>
<div class="top-info">
    <div class="loginbar">
        <!-- 登录前 S-->
        <div class="unlogin" id="unlogin">
            <i class="ico-comm i-person"></i>
            <a href="/html/login.html" id="btn_header_login" title="立即登录">立即登录</a>
        </div>
        <div class="unlogin" id="login">
            <a href="javascript:;"><img src="/images/1.jpg" alt="" style="border-radius: 50%;width: 30px;height: 30px;position: relative;top: 10px"><span id="user" style="margin: 0 10px;color:yellow"></span></a>
            <a href="javascript:;" id="logout" title="注销">注销</a>
        </div>
        <!-- 登录前 E-->
        <!-- 登录后 S-->
        <!-- <div class="loginbox" id="logined" style="display: none;">
            <div class="login-info">
                <div class=" hdimg">
                    <img src="" width="38" height="38" alt="头像">
                </div>
                <p class="hdname"><span id="userinfo"></span></p>
            </div>
            <div class="top-hover">
                <div class="arrow"></div>
                <div class="link-list">

                    <a href="/mall/myorder.shtml?busid=pubg" title="订单管理" target="_blank">
                        <i class="ico-comm i-order"></i>
                        <span>订单管理</span>
                    </a>
                    <a href="/mall/address.shtml" title="地址管理" target="_blank">
                        <i class="ico-comm i-addr"></i>
                        <span>地址管理</span>
                    </a>
                    <a href="/mall/coupon.shtml?busid=pubg" title="优惠卡券" target="_blank">
                        <i class="ico-comm i-quan"></i>
                        <span>优惠卡券</span>
                    </a>
                    <a href="/mall/collect.shtml?busid=pubg" title="我的收藏" target="_blank">
                        <i class="ico-comm i-collect"></i>
                        <span>我的收藏</span>
                    </a>
                    <a href="/mall/sub.shtml?busid=pubg" title="订阅管理" target="_blank">
                        <i class="ico-comm i-subs"></i>
                        <span>订阅管理</span>
                    </a>
                    <a href="/mall/receive.shtml?busid=pubg" title="领取中心" target="_blank">
                        <i class="ico-comm i-lqcen"></i>
                        <span>领取中心</span>
                    </a>
                    <a href="javascript:;" class="quit-link" title="退出登录" id="btn_header_logout">
                        <i class="ico-comm i-quit"></i>
                        <span>退出登录</span>
                    </a>

                </div>
            </div>
        </div> -->
        <!-- 登录后 E-->
    </div>
    <div class="logo-imgbox">
        <a href="/index.html" target="_blank"><img src="/images/centerlog.png" width="108" height="55" alt="pubg"></a>

    </div>
    <div class="fr sosobox" id="blk_header_search">
        <input class="top-soso" placeholder="请输入想要找的宝贝" type="text" id="inpt_header_search" />
        <a href="javascript:;" class="btn-search" title="搜索" id="btn_header_search"><i class="ico-pubg i-search"></i></a>
        <ul class="show"></ul>
    </div>
</div>
</div>
</div>
<!-- 导航栏 -->
<div class="top-menu">
    <div class="mall-mid">
        <a href="/html/shoplist.html#id=2" class="fl all-class" title="全部商品" target="_blank">
            <i class="ico-pubg i-all"></i>
            <span>全部商品</span>
        </a>
        <a href="/index.html" title="首页" target="_blank" class="index">首页</a>
        <ul class="menulist" id="blk_header_navbar">

            <script type="text/html" id="templateList">
                {{each list tab,index}}
                <li><a href="/html/shoplist.html#id={{tab.id}}" title="{{tab.title}}" target="_blank">{{tab.name}}</a></li>
                {{/each}}
            </script>
            <!-- <li><a href="javascript:" title="定制专区" target="_blank">定制专区</a></li>
            <li><a href="javascript:" title="精彩活动" target="_blank">精彩活动</a></li>
            <li><a href="javascript:" title="限时折扣" target="_blank">限时折扣</a></li>
            <li><a href="javascript:" title="聚豆抵扣" target="_blank">聚豆抵扣</a></li> -->
        </ul>
        <a href="/html/shopcart.html" class="cartbox" id="blk_header_cart" target="_blank">
            <i class="fl ico-pubg i-cart"></i>
            <span>购物车</span>
            <div class="cart-num" id="shopNum">(0)</div>
        </a>
    </div>